<template>
    <div>
        <!-- 
            生命(生 -> 死):
                创建，销毁结束;
            周期:
            组件也有自己的生命周期:
                创建过程;
                    创建前(beforeCreate)
                        vue实例还没有被创建，data里面的数据不可被调用;
                        也就是this.数据名 无效,页面仍然处于最原始的状态
                    创建后(created)
                挂载过程;
                    挂载前(beforeMount)
                    挂载后(mounted)
                更新过程;
                    更新前(beforeUpdate)
                    更新后(updated)
                销毁过程;
                    销毁前(beforeDestroy)
                    销毁后(destroyed)
                称为 组件的四大生命周期;

                八小份生命周期 都有自己的钩子(vue对象里面的函数)函数;
         -->

         {{ number }}
    </div>
</template>
<script>
export default {
    data(){
        return {
            number: 123
        }
    },
    // 创建前的生命周期
    beforeCreate(){
        console.log(this.number);
        // 前端代码断点调试
        debugger
    }
}
</script>